﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>领取优惠券</title>
    <script src="~/Scripts/jquery-3.3.1.min.js"></script>
    <link href="~/Content/miniMobile/css/miniMobile.css" rel="stylesheet" />
    <script src="~/Content/miniMobile/js/zepto.min.js"></script>
    <script src="~/Content/miniMobile/js/miniMobile.js"></script>
    <link href="~/Content/miniMobile/plugins/mobileSelect/mobileSelect.css" rel="stylesheet" />
    <script src="~/Content/miniMobile/plugins/mobileSelect/mobileSelect.js"></script>
    <script src="~/Content/miniMobile/plugins/icheck/icheck.js"></script>
    <link href="~/Content/miniMobile/plugins/noUiSlider.10.0.0/nouislider.css" rel="stylesheet" />
    <script src="~/Content/miniMobile/plugins/noUiSlider.10.0.0/nouislider.js"></script>
    <link href="~/Content/miniMobile/plugins/fonticon/iconfont.css" rel="stylesheet" />
    <script src="~/Content/layer/layer.js"></script>
</head>
<body class="pb12 fadeIn animated">
    <header class="ui-header clearfix w75 h8 f46 pl3 pr3 color8 bg-color-primary t-c">
        <div class="ui-header-l fl w5">
        </div>
        <div class="ui-header-c fl f30 w59">
            扫码领取优惠券
        </div>
        <div class="ui-header-r fr w5">

        </div>
    </header>
    <style>
        .formheader {
            line-height: 0.7rem;
        }

            .formheader span {
                display: inline-block;
            }

            .formheader input {
                border: none;
            }
    </style>
    <div class="p3 f30 f30 w75" style="padding-top:1.2rem">
        <form>
            <div class="pt2 pb2">
                姓名:
                <input type="text" class="w57  form-control" style="width:5.1rem;" placeholder="请输入姓名" id="UserName" />
            </div>
            <div class="pt2 pb2">
                电话:
                <input type="text" class="w57  form-control" style="width:5.1rem;" placeholder="请输入电话" id="PhoneNum" />
            </div>
            <div class="t-c mt5">
                <span class="w18 h7 btn radius5 btn-primary" onclick="fnSave()">领取优惠券</span>
            </div>
        </form>
    </div>

</body>
</html>
<script type="text/javascript">
    function fnSave()
    {
        if ($("#UserName").val() == "" || $("#PhoneNum").val() == "") {
            layer.msg("用户名和电话不能为空");
            return;
        }

        layer.msg("领取成功");
        location.href="/WX/Success"
    }

</script>
